<template>
  <view>
    <form>
    <view class="padding cu-chat bg-white margin-bottom-sm">
      <view class="self-direction-row">
        <view class="basis-df radius text-xl">密码：{{dataUser.password}}</view>
      </view>
      <view class="self-direction-row">
        <view class="basis-df radius text-xl">用户名：{{dataUser.loginName}}</view>
      </view>
      <view class="self-direction-row">
        <view class="basis-df radius text-xl">姓名：{{dataUser.name}}</view>
      </view>
      <view class="self-direction-row">
        <view class="basis-df radius text-xl">邮箱：{{dataUser.email}}</view>
      </view>
      <view class="self-direction-row">
        <view class="basis-df radius text-xl">手机号码：{{dataUser.phone}}</view>
      </view>
      <view class="self-direction-row">
        <view class="basis-df radius text-xl">性别：{{dataUser.sex}}</view>
      </view>
      <view class="self-direction-row">
        <view class="basis-df radius text-xl">学院：{{dataUser.college}}</view>
      </view>
      <navigator url="/pages/user/edit/edit" hover-class="navigator-hover">
        <button type="default">修改个人信息</button>
      </navigator>
    </view>
    </form>
    <!--<view class="class-line grid col-3 margin-bottom text-center">-->
    <!--<view class="item-center padding">框名称</view>-->
    <!--<view class="item-center padding">框数量</view>-->
    <!--<view class="item-center padding">实际数量</view>-->
    <!--</view>-->
    <!--<item-line :dataList="dataList"></item-line>-->
    <!--<view>-->
    <!--<uni-fab-->
    <!--:pattern="pattern"-->
    <!--:content="content"-->
    <!--:horizontal="horizontal"-->
    <!--:vertical="vertical"-->
    <!--:direction="direction"-->
    <!--@trigger="trigger"-->
    <!--&gt;</uni-fab>-->
    <!--</view>-->
    <!--<view slot="btn-area" class="btn-area">-->
    <!--<right-angle-btn btnText="保存"-->
    <!--class="btn-area-item"-->
    <!--btnType="primary"-->
    <!--@click="save"-->
    <!--&gt;</right-angle-btn>-->
    <!--</view>-->
  </view>
</template>

<script>
  import { findUserById } from '@/api/user/index'
  import {mapActions} from 'vuex'
  export default {

    data() {
      return {

        dataUser: {

        }
      }
    },
    onLoad(option) {

      this.init()

    },
    methods: {
      init() {
        findUserById().then(res => {
          this.dataUser = res.data
          console.log("dataUser",this.dataUser)
        })
      },

    }
  }
</script>

<style lang="scss" scoped>
  .class-line {
    display: flex;
    justify-content: space-around;
    background-color: white;
    align-items: center;
    margin-top: 5upx;
  }

  .item-center {
    font-size: 37upx;
    font-weight: bold;

    display: flex;
    justify-content: center;
  }

  .btn-area {
    position: fixed;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;

  &-item {
     width: 100%;
   }
  }

  .texthidden {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
</style>

